<template>
  <div>
    <h2 class="r_title">
      权限管理
    </h2>
    <div class="p20">
      <div class="row">
        <div class="h3 row-item">筛选</div>
        <search style="width: 207px" class="pl10 row-item" :placeholder="'请输入用户名'" :storeFunction="'SetUserName'"/>
        <search style="width: 207px" class="pl10 row-item" :placeholder="'请输入联系电话'" :storeFunction="'SetContactPhone'"/>
      </div>
      <div class="bod mt20">
        <authority-table></authority-table>
      </div>
    </div>
  </div>
</template>

<script>
import province from '../../components/select/province'
import city from '../../components/select/city'
import search from '../../components/input/search'
import areaS from '../../components/select/area'
import joinYear from '../../components/select/joinYear'
import school from '../../components/select/school'
import { mapGetters } from 'vuex'
import authorityTable from './table/authority'
export default {
  components: {
    province,
    city,
    joinYear,
    areaS,
    search,
    school,
    authorityTable
  },
  name: 'index',
  mounted () {
    this.$store.dispatch('setRoute', this.$route.path)
  },
  computed: {
    ...mapGetters([
      'roles'
    ])
  }
}
</script>

<style scoped>

</style>
